<!-- 热门话题 -->
<div class="sidebar-card">
    <div class="card-header">
        <h3 class="card-title">热门话题</h3>
        <a href="#" class="see-all">更多话题</a>
    </div>

    <div class="trending-topics">
        <div class="trending-topic">
            <p class="topic-category"><i class="fas fa-fire"></i> 技术</p>
            <p class="topic-title">#前端开发新趋势#</p>
            <p class="topic-meta">3.2k 人正在讨论</p>
        </div>

        <div class="trending-topic">
            <p class="topic-category"><i class="fas fa-fire"></i> 设计</p>
            <p class="topic-title">#UI设计中的微交互#</p>
            <p class="topic-meta">1.8k 人正在讨论</p>
        </div>

        <div class="trending-topic">
            <p class="topic-category"><i class="fas fa-fire"></i> 职场</p>
            <p class="topic-title">#远程工作效率提升技巧#</p>
            <p class="topic-meta">5.7k 人正在讨论</p>
        </div>

        <div class="trending-topic">
            <p class="topic-category"><i class="fas fa-fire"></i> 生活</p>
            <p class="topic-title">#程序员的健康管理#</p>
            <p class="topic-meta">2.4k 人正在讨论</p>
        </div>
    </div>
</div>
